<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>搜索</title>
		<style>
		  .h1 {
		     display: flex;
		     justify-content: center;
		     align-items: center;
		     height: 100vh;
		     margin: 0;
		     background: #f5f5f5;
		 }
		 .h2 {
		    display: flex;
		     border: 1px solid #ddd;
		     border-radius: 4px;
		     overflow: hidden;
		 }
		 .h3 input  {
		     border: none;
		     padding: 10px;
		     outline: none;
		     width: 200px;
		 }
		 .h4 button  {
		     background: #e1251b;
		     color: white;
		     border: none;
		     padding: 10px 15px;
		    
		 }	
		</style>
	</head>
	<body>
		  <div class="h1">
		      <div class="h2">
		        <div class="h3">
		      <input type="text" placeholder="搜索 京东商品">     
		        </div>
		        <div class="h4">
		          <button>搜索</button>
		        </div>
		      </div>
		    </div>
		    
	</body>
</html>